import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
//
import VueSocketIO from 'vue-socket.io'
//
import App from './App.vue'
import router from './router/index.js'
import store from './store/index.js'
// 引入svg图标
import './assets/icons/index'
// 引入symbol图标
import './assets/ali-icon/iconfont'
import './assets/ali-icon/iconfont.css'

// ui导入ui组件
// eslint规范要求， 所有的import引入方法必须写在文件内容的最上面
import Vant from 'vant'
import 'vant/lib/index.css'

// 引入全局样式表 - 全局样式表需要放在ui样式表的下面，这样才能够覆盖ui样式表中的内容
import './styles/index.less'

// 配置项目rem基准值
// 1. npm i amfe-flexible 下载 lib-flexible 依赖
// 2. 在main.js中引入相应依赖
// 3. 当使用后，html标签就会设置一个当前设备视口像素宽度的10%来作为font-size属性
// 4. 通过postcss-pxtorem 插件可以将px转化为rem，但是在实际的操作中，该插件不可以修改行内样式的px
// 5. 如果移动端项目中的样式涉及到自适应时，不可以写在行内样式中
import 'amfe-flexible'

// 引入时间格式化工具
import './utils/dayjs.js'

// 111111111111111111111111111111111111
Vue.config.productionTip = false
// 注册并使用Vue-socket.io
Vue.use(
  new VueSocketIO({
    debug: false, // debug调试，生产建议关闭
    // connection: 'http://127.0.0.1:9090/socket'
    connection: 'http://127.0.0.1:9090'
  })
)

Vue.use(BaiduMap, {
  ak: 'NbALMurCORCdYIgfe5qTv9mEBfeOrE17'
})
Vue.use(Vant)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: (h) => h(App)
}).$mount('#app')
